/* 
 *  last update : 2015.04.24
 *  name : postModal.css
 *	author : faeple.com
 */
#post-modal-close{
	position: absolute;
	top: 16px;
	right: 25px;
	font-size: 45px;
	filter: alpha(opacity=70);
	opacity: .7;
	color: #3A3A3A;
	text-shadow: #8B8B8B 0 1px 1px;
}
#post-modal-close:hover{
	color: #000;
}
.post-imagebox{
	float: left;
	width: 545px;
	background-color: #fff;
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s;
   	-moz-transition: all 0.3s;
   	-o-transition: all 0.3s;
   	transition: all 0.3s;
}
.post-imagebox:hover .slide-image-arrow{
	visibility: visible;
}
#image-list{
	margin:0;
	opacity:.85;
	position: static!important;
	width: 100%!important;
}
#image-list > li {
	margin-right: 3px;
}
.slide-image-arrow{
	position: absolute;
	width: 60px;
	height: 100%;
	top: 0;
	z-index: 3;
	cursor: pointer;
	opacity: .55;
	display: table;
	visibility: hidden;
}
.slide-image-arrow:hover{
	opacity: 1;
}
.slide-arrow{
	position: absolute;
	top:43%;
	font-size: 50px;
	color: #fff;
	text-shadow: #444 0 1px 1px;
}
.post-subbox{
	float: left;
	width: 431px;
	max-height: 800px;
	background-color: #fff;
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	border-radius: 6px;
	margin-left: 15px;
	position: relative;
	overflow: hidden;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
#content-wrapper{
	background-color: #fff;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
#content-wrapper.side{
	-o-transform : translate3d(-100%,0,0);
	-moz-transform : translate3d(-100%,0,0);
	-webkit-transform : translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
.swipe {
	height:100%;
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {
	height: 100%;
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float:left;
	width:100%;
	position: relative;
	text-align: center;
	border-radius: 6px;
	overflow: hidden;
}
.swipe-wrap > div > img{
	max-width: 100%;
	height: auto;
}
.item-tag a{
	display: inline-block;
	text-decoration: none!important;
	padding: 6px 8px;
	border: 1px solid #216FAE;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: 13px;
	color: #216FAE!important;
	-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}
.item-tag a:hover{
	background-color: #eee;
}
.section-count{
	font-size: 13px;
	padding: 14px;
}
.section-count span { cursor: pointer; }
.section-button{
	padding: 6px 8px 10px 8px;
	position: relative;
	border-top: 1px solid #e7e7e7;
}
.section-button button{
	width: auto;
	border: 0;
	background-color: #fff;
	color: #555;
	font-size: 12px;
	height:30px;
}
.section-button button > span{
	font-size: 13px;
	font-weight: bold;
	color: #555;
	padding-left: 5px;
}
.comment-wrapper{
	background-color: #f2f2f2;
	padding-bottom: 10px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#item-commentList{
	padding: 0 10px;
}
.comment{
	width: 100%;
	min-height: 45px;
	margin-bottom: 4px;
	position: relative;
}
.comment:focus .comment-edit,.comment:hover .comment-edit,.comment:focus .comment-reply,.comment:hover .comment-reply,.comment:focus .comment-report,.comment:hover .comment-report{
	display: block;
}
.comment > .profile-img{
	padding-top: 3px;
	float: left;
}
.comment > .profile-img > a > img{
	width: 35px;
	height: 35px;
}
.comment > .comment-info{
	margin-left: 45px;
}
.comment > .comment-info > .comment-content{
	padding-bottom: 6px;
	word-break: break-all;
}
.comment > .comment-info > .comment-time{
	font-size: 12px;
	color: #AAA;
	margin-left: 8px;
}
.comment > .comment-info > .comment-like{
	margin-left: 8px;
	cursor: pointer;
	color: #acacac;
	font-size: 13px;
}
.comment > .comment-info > .comment-like > span{
	color:#666;
	font-size:13px;
	font-weight:bold;
}
.comment > .comment-reply{
	position: absolute;
	top: 0;
	right: 23px;
	display: none;
}
.comment > .comment-reply > i{
	font-size: 14px;
	color: #AAA;
	cursor: pointer;
}
#comment-write{
	padding: 4px 8px 4px 8px;
}
#comment-write .dropdown-menu{
	width: 350px;
}
#comment-more{
	text-align: center;
	padding: 2px 8px;
}
#comment-update{
	display: none;
	padding: 8px 8px;
	height: 51px;
}
#comment-update > input{
	width: 100%;
	height: 30px;
	border: 1px solid #E9E9E9;
	border-radius: 2px;
	padding: 4px 0 4px 6px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
#inputComment{
	width: 100%;
	height: 30px;
	border: 1px solid #E9E9E9;
	border-radius: 2px;
	padding: 4px 0 4px 6px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	overflow: visible;
}
.comment-edit{
	position: absolute!important;
	top: 0;
	right: 0;
	display: none;
	background-color: transparent!important;
}
.comment-edit > i{
	font-size: 12px;
	color: #AAA;
	cursor: pointer;
}
.comment-report{
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}
.comment-edit.open{
	display: block!important;
}
.comment-report > i{
	font-size: 14px;
	color: #AAA;
	cursor: pointer;
}
.post_line{
	width: 100%;
	height: 1px;
	background-color: #e4e4e4;
	box-shadow: 0 1px 1px rgba(0,0,0,.06);
}
.post-source{
	padding: 6px 12px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 13px;
}
.cmt-dropdown{
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.22)!important;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.22)!important;
	border: 0!important;
	min-width: 80px!important;
}
.cmt-dropdown > li{
	text-align: center;
	padding: 4px 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 13px;
}
.cmt-dropdown > li:hover{
	background-color: #eaeaea;
}
.cmt-dropdown::after {
  position: absolute;
  top: -7px;
  right: 5px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  border-left: 9px solid transparent;
  content: '';
}
.cmt-dropdown::before {
  position: absolute;
  top: -9px;
  right: 5px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ccc;
  border-left: 9px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.07);
  content: '';
}
.hashtag{
	color: #216FAE!important;
}
/*** like member list ***/
#likemember-list{ height:350px; padding-left:0; list-style: none; overflow-y: auto; }
#likemember-list li{ width: 100%; position: relative; padding: 10px 0; border-bottom: 1px solid #eee; }
#likemember-list li:hover{ background-color: #f8f8f8; }
#likemember-list div > a > img{ width: 40px; height: 40px; border-radius: 2px; }
#likemember-list div{ position: absolute; top: 13px; left: 0; }
#likemember-list p{ padding-left: 55px; }
#likemember-list button{ position: absolute; top: 15px; right:0; }
#likemember-list .lm-name{ font-size: 15px; color: #527896; }
#likemember-list .lm-id{ text-decoration: none; color: #8f8f8f; font-size: 13px; }